<template>
    <div>
        <list-table ref="listTable" @showDialog="showDialog" v-bind="$attrs"  v-on="$listeners" ></list-table>
        <create-dialog ref="myDialog" :visible.sync="visible" v-if="visible" :row="currRow" @reloadList="query"></create-dialog>
        <detail-dialog :visible.sync="detailVisible" v-if="detailVisible" :row="currRow" @reloadList="query"></detail-dialog>
    </div>
</template>
<script>
    import ListTable from "./components/ListTable";
    import openDialog from '@/mixins/openDialog'
    import CreateDialog from "@/components/WorkFlowsDialog/CreateDialog";
    import DetailDialog from "@/components/WorkFlowsDialog/DetailDialog";
    export default {
        name: "TabContent",
        mixins: [openDialog],
        components: {DetailDialog, CreateDialog,  ListTable},
        data() {
            return {
                visible: false,
                detailVisible:false,
                currRow:{},
            }
        },
        created() {
        },
        computed: {
        },
        methods: {
            query() {
              this.$refs["listTable"].getList();
            },
            showDialog(row,type){

            },
        }
    }
</script>
